<template>
<h1>计算器练习</h1>
  <input type="text" v-model="a">
  <input type="text" v-model="b">
  <button @click="f('+')">加</button>
  <button @click="f('-')">减</button>
  <button @click="f('*')">乘</button>
  <button @click="f('/')">除</button>
  <br>
  结果：<input type="text" v-model="result">
</template>
<script setup>
import {ref} from "vue";

const a = ref('');
const b = ref('');
const result = ref('');

const f = (o) => {
  //响应式变量在JS中使用必须使用.value
  result.value = eval(a.value + o + b.value);
  return result.value;
}

</script>


<style scoped>

</style>